<template>
	<view class="stage">
		<view class="picTitle">精美壁纸</view>
		<view class="picList">
			<image class="picItem" v-for="(item,index) in bz" :key="index" :src="item.image"></image>
		</view>
	</view>
</template>

<script>
	export default {
		name: "shenhebizhi",
		data() {
			return {
				bz: [{
						"image": "https://2023pic.oss-cn-hangzhou.aliyuncs.com/pic20230105/1.jpg",
					},
					{
						"image": "https://2023pic.oss-cn-hangzhou.aliyuncs.com/pic20230105/2.jpg",
					},
					{
						"image": "https://2023pic.oss-cn-hangzhou.aliyuncs.com/pic20230105/3.jpg",
					},
					{
						"image": "https://2023pic.oss-cn-hangzhou.aliyuncs.com/pic20230105/4.jpg",
					},
					{
						"image": "https://2023pic.oss-cn-hangzhou.aliyuncs.com/pic20230105/5.jpg",
					},
					{
						"image": "https://2023pic.oss-cn-hangzhou.aliyuncs.com/pic20230105/6.jpg",
					},
					{
						"image": "https://2023pic.oss-cn-hangzhou.aliyuncs.com/pic20230105/7.jpg",
					},
					{
						"image": "https://2023pic.oss-cn-hangzhou.aliyuncs.com/pic20230105/8.jpg",
					}
				],
			};
		}
	}
</script>

<style>
	.stage {
		margin-top: 100rpx;
	}

	.picTitle {
		text-align: center;
		height: 100rpx;
		line-height: 100rpx;
		font-size: 40rpx;
	}

	.picList {
		padding: 0 40rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		background: #fff;
	}

	.picItem {
		width: 700rpx;
		height: 480rpx;
		border-radius: 15rpx;
		box-shadow: 0 0 20rpx #a0a0a0;
		margin-bottom: 40rpx
	}
</style>
